﻿<!DOCTYPE html>
<html>
<head>
<title>丸子妈妈</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<script src="res/jquery.js"></script>
<script src="fun.js"></script>
<link href="style.css" rel="stylesheet" />
<link href="animate.css" rel="stylesheet" />
</head>
<body>


<script>
$(function(){
	delay_1 = .2;
	self_delay_3 = .2;
	self_delay_4 =.2;
	
	var arr = [.4,.3,.6,.4,.5,.4,.3,.6,.4];
	var pin = ["ni zen me","bu zao shuo","ping chang jia li","sha shi bu gan","yu shi hai","zhi wang bu shang","hai zi you bu shi","wo yi ge ren sheng de","you ni zhe me dang die de ma"];
	var word = ["你怎么","不早说？","平常家里","啥事不干，","遇事还","指望不上！","孩子又不是","我一个人生的，","有你这么当爹的吗？"];
	
	keyBoardWrite(arr,pin,word);
	
	$(".talk_write dl,.hide_box").css({ "animation-delay":delay_3+"s" });
	
	setTimeout(function(){ $(".talk").addClass("keyboard_show"); },delay_1*1000);
	
	page_total = delay_4+0.2;
	
	setTimeout(function(){ window.parent.nextAnimation('page14.html'); },page_total*1000);	
})
</script>

<style>
	.talk_write i{animation-name: show;}
	.talk_write s{animation-name: hide;}
	.talk_write em{animation-name: show;}
	.talk_write dl{animation-name: hide;}
	.hide_box{animation-name: show;}
</style>

<div class="out">
	<div class="phone_top"><dl class="time_point_10"></dl></div>
	<div class="talk">
		<div class="talk_list">
			<dl class="talk_husband_0"></dl>
			<dl class="talk_husband_1"></dl>
			<dl class="talk_husband_2"></dl>
			<dl class="talk_husband_3"></dl>
			<dl class="talk_husband_4"></dl>
			<dl class="talk_husband_5"></dl>
			<dl class="talk_husband_6"></dl>
			<dl class="talk_husband_7"></dl>
			<dl class="talk_husband_8"></dl>
			<dl class="talk_husband_9"></dl>
			<dl class="talk_husband_10"></dl>
			<dl class="talk_husband_11"></dl>
			<div class="talk_time"><em class="time_point_10"></em></div>
			<dl class="talk_husband_12"></dl>
			<div class="hide_box">
				<dl class="talk_husband_13"></dl>
			</div>
		</div>
		<div class="talk_top"><dl>老公</dl></div>
		<div class="talk_bottom_box">
			<div class="talk_bottom">
				<div class="talk_bottom_input talk_write"></div>
			</div>
		</div>
	</div>
</div>

</body>
</html>